<template>
    <div class="aboutme">
        <div class="header">
            <div class="header-img">
                <img src="/static/img/cuxiao-content.png" alt="">
            </div>
            <div class="header-text">
                <h2>飞翔的鱼</h2>
                <span>我的收货地址&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <i>&gt;</i>
                </span>
            </div>
        </div>
        <div class="content">
            <div v-for="(item , i ) of logo " :key="'logo'+i" class="am_aboutmelist">
                <div class="left">
                    <div class="leftimg"><img :src="'/src/assets/'+(i+1)+'.png'" alt="" class="img"></div>
                    <span>{{ logo[i] }}</span>
                </div>
                <div class="right">
                    <span>&gt;</span>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            logo: [
                "我的订单",
                "我的购物车",
                "我的拼团",
                "我的钱包",
                "我的优惠券",
                "我收藏的商品",
                "我收藏的店铺",
                "消息通知",
                "客服",
                "意见反馈"
            ]
        };
    },
    components: {}
};
</script>

<style lang='less' scoped>
.aboutme {
    background: #f6f6f6;
    .header {
        background: #ffffff;
        width: 100%;
        height: 160px;
        display: flex;
        align-items: center;
        padding-left: 30px;
    }
    .am_aboutmelist {
        display: flex;
        justify-content: space-around;
        width: 100%;
        height: 100px;
        .left {
            width: 300px;
            height: 100px;
            display: flex;
            .leftimg{
                width: 80px;
                 height: 100px;
                .img{
                    // width: 40px!important;
                    // height: 40px!important;
                }
            }
        }
        .right {
            width: 400px;
            height: 100px;
            line-height: 100px;
            text-align: end;
        }
    }
}
</style>

